<template>
  <div class="test-a">
    <div class="item-div" v-if="isShow.tableWaitingWork">
      <TableWaitingWork></TableWaitingWork>
    </div>
    <div class="item-div" v-if="isShow.processing">
      <OneRight></OneRight>
    </div>
    <div class="item-div" v-if="isShow.consume">
      <TwoLeft></TwoLeft>
    </div>
    <div class="item-div" v-if="isShow.wine">
      <TwoRight></TwoRight>
    </div>
    <div class="item-div" v-if="isShow.grape">
      <ThreeLeft></ThreeLeft>
    </div>
    <div class="item-div" v-if="isShow.sightseeingType">
      <ThreeRight></ThreeRight>
    </div>
    <div class="item-div double" v-if="isShow.sales">
      <Four></Four>
    </div>

    <div class="down"></div>
  </div>
</template>

<script>
import OneRight from "../components/xs-echarts/OneRight.vue";
import TwoLeft from "../components/xs-echarts/TwoLeft.vue";
import TwoRight from "../components/xs-echarts/TwoRight.vue";
import ThreeLeft from "../components/xs-echarts/ThreeLeft.vue";
import ThreeRight from "../components/xs-echarts/ThreeRight.vue";
import Four from "../components/xs-echarts/Four.vue";
import TableWaitingWork from "../components/TableWaitingWork.vue";
export default {
  data() {
    return {
      isShow: {}
    };
  },
  components: {
    OneRight,
    TwoLeft,
    TwoRight,
    ThreeLeft,
    ThreeRight,
    Four,
    TableWaitingWork
  },
  methods: {
    getChartShow() {
      let ishow = {};
      const { shows } = this.$store.getters.getChartsShowByModule("销售管理");
      shows.forEach(item => {
        ishow[`${item.key}`] = item.show;
      });
      this.isShow = ishow;
    }
  },
  mounted() {
    this.getChartShow();
  }
};
</script>
